<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap/css/blog.css">
<link rel="shortcut icon" type="image/x-icon" href="${pageContext.request.contextPath}/static/icon/tuteng.ico" media="screen" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap/css/style.css">
<script src="${pageContext.request.contextPath}/static/bootstrap/js/jquery-3.2.1.min.js"></script>
<script src="${pageContext.request.contextPath}/static/bootstrap/js/bootstrap.min.js"></script>
<title>欢迎来到姜飞祥的个人博客</title>
<style type="text/css">
	.body-info{
		margin-top:51px;
	}
	.navbar-nav>li:hover { 
        background-color:#CDCDC1;
      }
      #footer{
     	position: absolute;
		bottom: 0;
      	height:50px;
      	width:100%;
      	background-color:#CDCDC1;
      }
</style>
</head>

<body>
	<!-- 导航条 -->
    <nav class="navbar navbar-default navbar-fixed-top navbar-right" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
	          <a class="navbar-brand" href="#">姜飞祥的博客</a>
	          <form class="navbar-form navbar-right" action="" role="search">
	            <div class="form-group">
	                <input type="text" class="form-control" placeholder="输入要查询的内容">
	            </div>
	            <button type="submit" class="btn btn-default">确定</button>
	          </form>
	        </div>
	        <div id="navbar" class="navbar-collapse collapse">
	          <!-- 导航栏 -->
	          <ul class="nav navbar-nav navbar-right">
	            <li><a href="${pageContext.request.contextPath }/index.jsp">首页</a></li>
		        <li><a href="${pageContext.request.contextPath }/findAllBlog.do">我的博客</a></li>
		        <li><a href="http://www.cnblogs.com/smfx1314/p/smfx1314.html" target="_blank">我的博客园</a></li>
		        <li><a href="https://github.com/smfx1314" target="_blank">我的GitHub</a></li>
		       
	            <!--下拉菜单-->
	            <li class="dropdown">
	              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">更多 <span class="caret"></span></a>
	              <ul class="dropdown-menu ">
	                <li><a href="http://www.csdn.net/" target="_blank">CSDN</a></li>
	                <li><a href="https://www.zhihu.com" target="_blank">知乎</a></li>
	                <li><a href="http://www.runoob.com/" target="_blank">菜鸟教程</a></li>
	              </ul>
	            </li>
	             <li><a href="${pageContext.request.contextPath}/user/loginPage.do" target="_blank">登录</a></li>
	          </ul>
	        </div>
	      </div>
	    </nav>
		 
			<div class="body-info">
				<!-- 左侧文章列表 -->	 
				<div class="row">	  
				  <div class="col-md-9">
				  	<div class="data_list">
				  		<div class="data_list_title">
							<img src="${pageContext.request.contextPath}/static/images/list_icon.png"/>&nbsp;最新博客
						</div>	
						<div class="datas">
							<ul>	
								<c:forEach items="${list }" var="blog">							
									 <li style="margin-bottom: 30px">
									  	<span class="title">
									  		<img alt="原创" src="${pageContext.request.contextPath}/static/userImages/yuan.jpg">
									  		<%-- ${blog.id }: --%><a href="${pageContext.request.contextPath}/check.do?id=${blog.id}" target="_blank">${blog.title }</a><br>
									  	</span>						
									  	<%-- <span class="content">
									  		${blog.content }		
									  	</span> --%>
									  	
									  	
									  	<span class="info">
									  		<font color="#999">2017-10-20 20:39</font> &nbsp;&nbsp;
									  		<font color="#33a5ba"><a href="#">阅读</a><font color="#999">(404)</font>&nbsp;&nbsp;</font>
									  		<font color="#33a5ba"><a href="#">评论</a><font color="#999">(8)</font>&nbsp;&nbsp;</font>  	
									  	</span>
									</li>			
								</c:forEach>																
							</ul>
						</div>  		
				  	</div>
				  </div>
	   
				  <!-- 右侧功能栏 -->
				  <div class="col-md-3">
				  	<div class="data_list">
						<div class="data_list_title">
							<img src="${pageContext.request.contextPath}/static/images/user_icon.png"/>
							博主信息
						</div>
						<div class="user_image">
							<%-- <img src="${pageContext.request.contextPath}/static/images/info.jpg"/> --%>
							
						</div>
						<div class="nickName">${blogger.nickname }</div>
						<div class="userSign">${blogger.sign }</div>
					</div>	
					
					<div class="data_list">
						<div class="data_list_title">
							<img src="${pageContext.request.contextPath}/static/images/byType_icon.png"/>
							文章分类
						</div>
						<div class="datas">
							<ul>						
								<c:forEach items="${blogTypeList }" var="blogType">
									<li><span><a href="#">${blogType.typeName }（${blogType.blogCount }）</a></span></li>		
								</c:forEach>					
							</ul>
						</div>
					</div>				
				  </div>
				</div>
			</div>
		<!--底部导航-->
		<hr>
		<div class="footer">
		    <footer id="footer" class="bs-docs-footer">
		        <ul class="nav navbar-nav navbar-right">
		          <li><a href="https://github.com/twbs/bootstrap">GitHub 仓库</a></li>
		          <li><a href="../getting-started/#examples">实例</a></li>
		          <li><a href="http://www.youzhan.org">优站精选</a></li>
		          <li><a href="../about/">关于</a></li>
		        </ul>
		        <p>版权所有</p>
		    </footer>  
	    </div>  
</body>
</html>
